﻿<div class="container newIndex">
    <header class="Mheadindex Lposa">
        <div class="bg">
            <div class="newIndexContainer">
                <div class="top">
                    <div class="inner Lposr">
                        <div class="useenter">
                            <span id="loginBefore"> <a rel="nofollow" href="https://passport.huazhu.com?redirectUrl=http://www.huazhu.com" class="login">登录</a> <a rel="nofollow" href="https://passport.huazhu.com/SignUp?redirectUrl=http://www.huazhu.com" class="register">注册</a> </span>
                        </div>
                        <span class="split"></span>
                        <div class="language-change select-simulate">
                            <div class="language-change__selected select-simulate__selected">
                                <a href="http://en.huazhu.com/"><span class="icon-en">简体中文</span></a>
                            </div>
                        </div>
                        <div class="language-change select-simulate helpdrop">
                            <div class="language-change__selected select-simulate__selected">
                                <span class="icon-newtophelp">新手帮助</span>
                            </div>
                            <div class="userinfoPopup Lposa Ltal">
                                <div class="mask"></div>
                                <ul class="userinfoPopupCont">
                                    <li>
                                        <div class="onlineservice">
                                            <i class="icon-newtopservice"></i>
                                            <a target="_blank" href="http://hxr.huazhu.com/robot/hxr/faqrobot3.html?sysNum=1476067354706249"> <span class="text">华小二在线</span> </a>
                                        </div> </li>
                                    <li>
                                        <div class="userhelp">
                                            <i class="icon-newhelp"></i>
                                            <a href="/HelpCenter"><span class="text">新手帮助</span></a>
                                        </div> </li>
                                </ul>
                            </div>
                        </div>
                        <div class="downapp">
                            <a href="javascript:;" class="tip">下载App</a>
                            <div class="Lcfx Lposa infobox Ldn">
                                <div class="info">
                                    <div class="Lfll app">
                                        <img src="http://ws-www.hantinghotels.com/hworld/NewWeb/img/huazhuapp.png?v=656494284a" />扫一扫APP下载
                                    </div>
                                    <div class="Lflr wechat">
                                        <img src="http://ws-www.hantinghotels.com/hworld/NewWeb/img/newwechat.png?v=243ebfaca8" />关注微信
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="nav">
                    <div class="inner Cwrap Ltac">
                        <a href="/" class="logo Ldib Lposr"></a>
                        <nav class="navlinks">
                            <div class="navcont Lposr">
                                <a href="/" class="nav-1 Ldib item">首页</a>
                                <a href="http://hotels.huazhu.com/" class="nav-2 Ldib item">国内酒店</a>
                                <a href="http://hotels.huazhu.com/IntHotel" class="nav-2 Ldib item">海外酒店</a>
                                <a href="/Sales/Index" class="nav-4 Ldib item">特卖专区</a>
                                <a href="/GrandMercure" class="active nav-3 Ldib item brandIts">旗下品牌</a>
                                <a href="/MemberHkh" class="nav-3 Ldib item">华住会</a>
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
        <div class="bg-second" style="display: block;">
            <div class="newIndexContainer">
                <div class="nav lmt0">
                    <div class="inner Cwrap Ltac">
                        <nav class="navlinks lml0 brand">
                            <div class="navcont Lposr navline" style="display: block;">
                                <span class="navbg Lposa" style="left: 108px; width: 30px;"></span>
                                <a href="/GrandMercure" class="nav-2 Ldib item ">美爵</a>
                                <a href="/Xiyue" class="nav-2 Ldib item ">禧玥</a>
                                <a href="/Manxin" class="nav-2 Ldib item active">漫心</a>
                                <a href="/Novotel" class="nav-4 Ldib item ">诺富特</a>
                                <a href="/Mercure" class="nav-3 Ldib item ">美居</a>
                                <a href="/CitiGO" class="nav-3 Ldib item ">CitiGO</a>
                                <a href="/JuziShuijing" class="nav-2 Ldib item ">桔子</a>
                                <a href="/Quanji" class="nav-2 Ldib item ">全季</a>
                                <a href="/Xingcheng" class="nav-2 Ldib item ">星程</a>
                                <a href="/IbisStyles" class="nav-3 Ldib item ">宜必思尚品</a>
                                <a href="/Ibis" class="nav-4 Ldib item ">宜必思</a>
                                <a href="/Hanting" class="nav-2 Ldib item ">汉庭</a>
                                <a href="/Elan" class="nav-2 Ldib item ">怡莱</a>
                                <a href="/Haiyou" class="nav-5 Ldib item ">海友</a>
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!--酒店介绍变量-->
    <!--酒店概念变量-->
    <!--推荐酒店-->
    <div class="Mbannel Lposr manxin">
        <div class="mask Ldn"></div>
        <div class="bannelitem active">
            <div style="background-image: url(http://ws-www.hantinghotels.com/hworld/NewWeb/img/brand_manxin.jpg)" class="img"></div>
        </div>
        <div class="banneltip">
            <h3 class="Ldn">漫心度假酒店 - 漫度好时光</h3>
        </div>
        <!-- <div class="bannelopacity Lposa"></div> -->
    </div>
    <!-- 首页居中搜索框-->
    <div class="manxin Msearch Cwrap Ltac home">
        <div class="inner">
            <ul data-nblock-id="ui/searchBar?query=HotelStyleList" class="condition Lcfx">
                <li data-nblock-id="ui/checkinCity?query=HotelStyleList" class="city Lfll Lposr">
                    <div class="citybox Lposa">
                        <i class="triangle"></i>
                        <div class="tip">
                            目的地
                        </div>
                        <div class="name">
                            <div class="inputbox">
                                <div class="Mcheckin_city Ldn">
                                    <div class="tips">
                                        热门城市(可直接输入城市或城市拼音检索)
                                    </div>
                                    <div class="tabs ">
                                        <div class="backbox"></div>
                                        <div class="links">
                                            <a href="javascript:;" class="link active">热门</a>
                                            <a href="javascript:;" class="link">BHNS</a>
                                            <a href="javascript:;" class="link">TX</a>
                                        </div>
                                    </div>
                                    <div class="tabcontainer">
                                        <div class="tabcontent Lovh">
                                            <div class="group">
                                                <ul class="citylist Lcfx Lmt5">
                                                    <li><a href="javascript:;" data-city-id="3101" data-city-name="上海">上海</a></li>
                                                    <li><a href="javascript:;" data-city-id="3301" data-city-name="杭州">杭州</a></li>
                                                    <li><a href="javascript:;" data-city-id="1101" data-city-name="北京">北京</a></li>
                                                    <li><a href="javascript:;" data-city-id="1401" data-city-name="太原">太原</a></li>
                                                    <li><a href="javascript:;" data-city-id="3201" data-city-name="南京">南京</a></li>
                                                    <li><a href="javascript:;" data-city-id="3205" data-city-name="苏州">苏州</a></li>
                                                    <li><a href="javascript:;" data-city-id="533421" data-city-name="香格里拉">香格里拉</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="tabcontent Lovh Ldn">
                                            <div class="group">
                                                <div class="char">
                                                    B
                                                </div>
                                                <ul class="citylist Lcfx">
                                                    <li><a href="javascript:;" data-city-id="1101" data-city-name="北京">北京</a></li>
                                                </ul>
                                            </div>
                                            <div class="group">
                                                <div class="char">
                                                    H
                                                </div>
                                                <ul class="citylist Lcfx">
                                                    <li><a href="javascript:;" data-city-id="3301" data-city-name="杭州">杭州</a></li>
                                                </ul>
                                            </div>
                                            <div class="group">
                                                <div class="char">
                                                    N
                                                </div>
                                                <ul class="citylist Lcfx">
                                                    <li><a href="javascript:;" data-city-id="3201" data-city-name="南京">南京</a></li>
                                                </ul>
                                            </div>
                                            <div class="group">
                                                <div class="char">
                                                    S
                                                </div>
                                                <ul class="citylist Lcfx">
                                                    <li><a href="javascript:;" data-city-id="3101" data-city-name="上海">上海</a></li>
                                                    <li><a href="javascript:;" data-city-id="3205" data-city-name="苏州">苏州</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="tabcontent Lovh Ldn">
                                            <div class="group">
                                                <div class="char">
                                                    T
                                                </div>
                                                <ul class="citylist Lcfx">
                                                    <li><a href="javascript:;" data-city-id="1401" data-city-name="太原">太原</a></li>
                                                </ul>
                                            </div>
                                            <div class="group">
                                                <div class="char">
                                                    X
                                                </div>
                                                <ul class="citylist Lcfx">
                                                    <li><a href="javascript:;" data-city-id="533421" data-city-name="香格里拉">香格里拉</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <input type="text" data-city-id="3101" value="上海" placeholder="请输入" class="checkincity" />
                        </div>
                    </div> </li>
                <li data-nblock-id="ui/checkinDate?brand=manxin" class="date Lfll">
                    <div class="checkInDate Lposa">
                        <i class="triangle"></i>
                        <div class="tip">
                            入住日期
                        </div>
                        <div class="day">
                            <input type="hidden" data-date="2017-10-17" value="2017-10-17" class="checkindate hasDatepicker" id="dp1508243793061" />
                            <button type="button" class="ui-datepicker-trigger">2017-10-17</button>
                        </div>
                        <div class="month">
                            10月
                        </div>
                    </div>
                    <div class="checkOutDate Lposa">
                        <i class="triangle"></i>
                        <div class="tip">
                            离店日期
                        </div>
                        <div class="day">
                            <input type="hidden" value="2017-10-18" class="checkoutdate hasDatepicker" id="dp1508243793062" />
                            <button type="button" class="ui-datepicker-trigger">2017-10-18</button>
                        </div>
                        <div class="month">
                            10月
                        </div>
                    </div>
                    <div class="split"></div> </li>
                <li class="search Lfll Lposr"> <a id="btnSearchHotel" href="javascript:;" class="Cbtn btnSearch">
                    <div class="title">
                        <i class="icon-newsearch"></i> 搜索酒店
                    </div> </a> </li>
            </ul>
        </div>
    </div>
    <!-- 酒店介绍-->
    <div class="manxin Mhoteldesc Cwrap">
        <div class="inner Lposr">
            <div class="box Lcfx Lposa">
                <div class="Lfll Lposr copywrite">
                    <div class="copywritecont">
                        <span class="Lposa bookmark"></span>
                        <h1 class="logo zh"> 漫心度假酒店
                            <!--[if gte IE 7]><i class="before"></i><![endif]--><img src="http://ws-www.hantinghotels.com/hworld/NewWeb/img/brand_manxin_desc_logo.png?t=1" /> </h1>
                        <h2 class="logo en">Manxin Hotels</h2>
                        <div class="desc">
                            你是什么样，你所在的城市便是什么性格。
                            <br /> 倘若习惯了一成不变，那就别怪这个城市太过单调无情。
                            <br /> 这是个异彩纷呈的活力时代。
                            <br /> 单一枯燥注定会被扔进垃圾堆。
                            <br /> 活得挑剔，但更要精彩狂野。
                            <br /> 什么墨守成规？什么平淡无奇？
                            <br /> 体验人生的无限可能，点燃生活的个性精彩。
                            <br /> 漫心，让你内心的热情漫延，拒绝平庸，活色生香。
                        </div>
                    </div>
                </div>
                <div data-nblock-id="ui/photoSlider?auto=1&amp;type=zIndex" class="Lflr photo Lposr Lovh">
                    <a href="javascript:;" data-step="-1" class="prev Lposa label"></a>
                    <a href="javascript:;" data-step="1" class="next Lposa label"></a>
                    <ul class="sliders Lposr">
                        <li class="item Lposa active" style="z-index: 2; left: 462.358px;"><img src="http://ws-www.hantinghotels.com/hworld/NewWeb/img/brand_manxin_1.jpg" /></li>
                        <li class="item Lposa" style="z-index: 3; left: -11.0769%;"><img src="http://ws-www.hantinghotels.com/hworld/NewWeb/img/brand_manxin_2.jpg" /></li>
                        <li class="item Lposa" style="z-index: -1; left: -100%;"><img src="http://ws-www.hantinghotels.com/hworld/NewWeb/img/brand_manxin_3.jpg" /></li>
                        <li class="item Lposa" style="z-index: -1; left: -100%;"><img src="http://ws-www.hantinghotels.com/hworld/NewWeb/img/brand_manxin_4.jpg" /></li>
                        <li class="item Lposa" style="z-index: -1; left: -100%;"><img src="http://ws-www.hantinghotels.com/hworld/NewWeb/img/brand_manxin_5.jpg" /></li>
                        <li class="item Lposa" style="z-index: -1; left: -100%;"><img src="http://ws-www.hantinghotels.com/hworld/NewWeb/img/brand_manxin_6.jpg" /></li>
                    </ul>
                    <ul class="tabcontrol">
                        <li class="active"></li>
                        <li class=""></li>
                        <li class=""></li>
                        <li class=""></li>
                        <li class=""></li>
                        <li class=""></li>
                        <ul></ul>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="manxin Mhotelconcept Cwrap">
        <div class="inner">
            <div class="box">
                <ul class="conceptlist Lcfx">
                    <li class="item item-story"> <span class="Cicon">
         <!-- [if gte IE7] ><b class="before"></b><![endif] --></span><span class="tip"><strong>生命不设限</strong>TO UNLOCK</span></li>
                    <li class="item item-scenery"><span class="Cicon">
         <!-- [if gte IE7] ><b class="before"></b><![endif] --></span><span class="tip"><strong>拥抱色彩</strong>TO ENRICH</span></li>
                    <li class="item item-humanities"><span class="Cicon">
         <!-- [if gte IE7] ><b class="before"></b><![endif] --></span><span class="tip"><strong>世界在此相连</strong>TO CONNECT</span></li>
                    <li class="item item-life"><span class="Cicon">
         <!-- [if gte IE7] ><b class="before"></b><![endif] --></span><span class="tip"><strong>沉浸欢愉</strong>TO INDULGE</span></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="manxin Mhotelrecommend">
        <div class="inner Cwrap">
            <p class="title">推荐酒店</p>
            <div class="box Lposr">
                <ul class="recommendlist Lcfx Lposr">
                    <li class="item Lposr Lfll"> <h2 class="hotelname Lposa"> <a href="javascript:;">漫心上海静安酒店</a>
                        <div class="bg"></div> </h2>
                        <div class="hotelpic">
                            <img data-src="http://ws-www.hantinghotels.com/hworld/NewWeb/img/manxin_chongming.jpg" src="http://ws-www.hantinghotels.com/hworld/NewWeb/img/manxin_chongming.jpg" />
                        </div>
                        <div class="words">
                            <p class="hotelsummary">“活色生香，live lively”是漫心希望传递给客人的生活理念，作为华住酒店集团旗下中高端设计酒店品牌，漫心为您提供轻松的开放式社交平台--漫趣大堂，客房全部采用轻松明快的色彩，并配备日本皇室御用品牌POLA洗护用品、热带雨林花洒、电加热马桶、情景灯光、蓝牙音箱、电子香薰等高品质客房用品。 <br /> 　　 　　漫趣大堂、酒水吧、咖啡、鸡尾酒、健身房，一切只为您实现完美时尚的漫心之旅。</p>
                            <p class="hoteldetail"><a target="_blank" href="http://hotels.huazhu.com//Hotel/Detail/8000110">查看酒店<i class="arrowright"></i></a></p>
                        </div> </li>
                    <li class="item Lposr Lfll"> <h2 class="hotelname Lposa"> <a href="javascript:;">漫心棠隐平江路酒店</a>
                        <div class="bg"></div> </h2>
                        <div class="hotelpic">
                            <img data-src="http://ws-www.hantinghotels.com/hworld/NewWeb/img/manxin_xianggelila.jpg" src="http://ws-www.hantinghotels.com/hworld/NewWeb/img/manxin_xianggelila.jpg" />
                        </div>
                        <div class="words">
                            <p class="hotelsummary">平江路是具有江南特色的水弄堂，水陆并行、河街相邻，住在漫心棠隐平江路酒店，推开窗即可感受到曲水人家的扫洒忙碌，可以听到地道的吴侬软语，还可以在“桃花源记”品尝苏式小食。<br /> 　　酒店由苏州黑十联盟设计出品，设计师选取了有温度感的老材料，进行了全新的组合，在古老的苏州城与现代舒适的生活体验之间建立关联，打造了一个重逢之境。来到这里，你可以遇见知己，也能遇见最真实的自己。<br /> 　　如果渴望摘下面具、卸下疲惫，来酒店1楼的“花吉社”品一杯酒吧，所有美好的事物都在这里相聚，有趣的灵魂也都会在这里相遇。</p>
                            <p class="hoteldetail"><a target="_blank" href="http://hotels.huazhu.com//Hotel/Detail/2150013">查看酒店<i class="arrowright"></i></a></p>
                        </div> </li>
                    <li class="item Lposr Lfll"> <h2 class="hotelname Lposa"> <a href="javascript:;">上海崇明森林漫心度假酒店</a>
                        <div class="bg"></div> </h2>
                        <div class="hotelpic">
                            <img data-src="http://ws-www.hantinghotels.com/hworld/NewWeb/img/manxin_guangxichongzuo.jpg" src="http://ws-www.hantinghotels.com/hworld/NewWeb/img/manxin_guangxichongzuo.jpg" />
                        </div>
                        <div class="words">
                            <p class="hotelsummary">“融入自然，溢出本我”是森林漫心度假酒店最为贴切的主题。酒店由一栋综合楼和十幢装修风格各异的别墅组成，满足顾客对个性化的不同需求。酒店设计上秉承海派风格，不断创新、融入自然、雅致隽永，着力体现并打造闲适健康优质的旅居环境。 漫心隶属华住酒店高档品牌，用贴心细致的管家式服务，追求更好的服务体验，怡景怡情尽享浪漫舒心时光。 为了更好的满足顾客需求，酒店更是花重金原拆原建的明代古楼“漫逸楼”做为您贵宾聚会用餐品茗的最佳选择。同时还有以轻松明快装修风格的“Colala”西餐厅，我们推陈出新，打破传统的自助做法，中餐西做的理念将为您提供不一样的身心愉悦。酒店二楼的“Moor Bar”两面通透的玻璃幕墙，光影摇曳，让您享受一个森林里的浪漫假日。</p>
                            <p class="hoteldetail"><a target="_blank" href="http://hotels.huazhu.com//Hotel/Detail/2021501">查看酒店<i class="arrowright"></i></a></p>
                        </div> </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footpatch"></div>
</div>
<script src="${resourceFormatter.format('js!home')}"></script>